<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<link rel = "stylesheet" href = "./css/jingdong.css"/>
	<link rel="icon" href="./favicon.ico">
	<script src="./js/jquery.js"></script>
	<script src="./node_modules/layui-layer/dist/layer.js"></script>
	</head>
	<body>
	<!--京东头部-->
	<div class="header">
	<a class="logo" href="https://www.jd.com"></a>
	<div class="huanyingzhuce">欢迎注册</div>
	<div class="yiyouzhanghu">已有账户？<a href="./jingdongdenglv.html">请登录&gt</a></div>
	</div>
		<form>
	<div class="zongdediv">
	<div class = "biaogebufen">
	<div class = "fenbiaoge">
	<div class = "userTop">
	<span class="xiaokaungkaung">用 户 名</span>
	<input type = "text" name="jdusername" placeholder="请输入用户名"/>
	</div>
	<div class = "tip">
	<i></i>
	<span class="tishi1"></span>
	</div>
	</div>
	<!---------密码------------->
	<div class = "fenbiaoge">
	<div class = "userTop">
	<span class="xiaokaungkaung">设 置 密 码</span>
	<input type = "password" name="jdpassword" placeholder="请输入密码"/>
	</div>
	<div class = "tip">
	<i></i>
	<span class="tishi2"></span>
	</div>
	</div>
	<!---------密码是否一致------------->
	<div class = "fenbiaoge">
	<div class = "userTop">
	<span class="xiaokaungkaung">确 认 密 码</span>
	<input type = "password" name="jdpwd" placeholder="请确认您的密码"/>
	</div>
	<div class = "tip">
	<i></i>
	<span class="tishi3"></span>
	</div>
	</div>
	<!---------邮箱------------->
	<div class = "fenbiaoge">
	<div class = "userTop">
	<span class="xiaokaungkaung">邮 箱 账 号</span>
	<input type = "text" name="jdemail" placeholder="输入您的邮箱账号"/>
	</div>
	<div class = "tip">
	<i></i>
	<span class="tishi4"></span>
	</div>
	</div>
	<!---------手机验证------------->
	<div class = "fenbiaoge">
	<div class = "userTop">
	<span class="xiaokaungkaung">手 机 号</span>
	<input type = "text"name="jdtel" placeholder="输入您的手机号"/>
	</div>
	<div class = "tip">
	<i></i>
	<span class="tishi5"></span>
	</div>
	</div>
	<!---------同意注册------------->
	<div class = "fenbiaoge hehe">
	<div class = "userTop">
	<input type="checkbox"  class="ck" />
	<span> 我已阅读并同意<a href="#">《京东注册协议》</a></span>
	</div>
	<div class = "tip">
	<span class="tishi6"></span>
	</div>
	</div>
	<button class = "btn" type="button">注册</button>

	</div>
	</div>
	</form>
	<div class="footerbig">
	<div class="link">
	<a href="">关于我们</a> |
	<a href="">联系我们</a> |
	<a href="">人才招聘</a> |
	<a href="">商家入驻</a> |
	<a href="">广告服务</a> |
	<a href="">手机京东</a> |
	<a href="">友情链接</a> |
	<a href="">销售联盟</a> |
	<a href="">京东社区</a> |
	<a href="">京东公益</a> |
	<a href="">English Site</a>
	</div>
	<div class="copyright">
	Copyright©2004-2021&nbsp;&nbsp;京东JD.com&nbsp;版权所有
	</div>
	</div>
	</body>
	<script src="./js/zhuce.js"></script>
	<script>
	$('.btn').on("click", function(){
        $(this).prop('disabled',true)
        var loadindex = layer.load(0,{
            shade: [1,'#000']
        })
        console.log($('form').serialize())
       $.post("./jingdongzhuce.php",$('form').serialize(),res=>{
            var {meta:{status, msg}} = res;
            layer.close(loadindex)
            if(status === 2){
                layer.msg(msg,{
                    icon:1,
                    time:1500
                },function(){
                    location.href = "./jingdongdenglv.html"
                })
    
            }else{
                $(this).prop('disabled',false)
                layer.msg(msg,{
                    icon:2,
                    time:1500
                })
            }
        },'json')
    }
    )
	</script>
	</html>
